.container-section {
    width: 96%;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 1px;
    font-size: 14px;
    font-family: Arial, 'Microsoft YaHei';
}

.main-section {
    border-radius: 5px;
    border: 1px solid #ddd;
}

.header-section {
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #e7e7e7;
    background-color: #d1e1f5;
}

.custom-fee-table span {
    padding-left: 20px;
    padding-right: 20px;
}

.customer-table td,
.custom-fee-table td,
.port-fee-table td,
.pass-fee-table td {
    height: 30px;
}

.customer-table {
    margin-top: 30px;
}

.customer-table,
.custom-fee-table,
.port-fee-table,
.pass-fee-table, .deal-type-table {
    width: 100%;
    margin-bottom: 10px;
}

.label-name {
    width: 12%;
    text-align: right;
}

/*.label-type {
    width: 11%;
}*/
.label-type {
    width: 17%;
}

.label-effect {
    width: 10%;
    text-align: right;
}

.label-start,
.label-end {
    width: 2%;
}

.label-start-input {
    width: 9%;
}

.label-start-input input {
    width: 78%;
}

.label-name-bold {
    font-weight: bold;
}

.label-fee {
    width: 8%;
}

.lable-unit {
    width: 6%;
}

.label-descript {
    width: 10%;
    text-align: right;
}

.label-capPrice {
    text-align: center;
}

.port-fee-table .label-fee {
    text-align: center;
}

.pass-fee-table .label-fee {
    text-align: center;
}

.btn-section {
    text-align: center;
    padding: 20px;
}

.btn {
    color: #fff;
    width: 120px;
    height: 32px;
    border: 0px;
    border-radius: 5px;
    margin-right: 80px;
    font-family: Arial, 'Microsoft YaHei';
}

.btn-blue {
    background-color: #1985d8;
}

.custom-fee-table, .port-fee-table, .pass-fee-table {
    display: none;
}

.custom-feeName-tr, .cabinet-feeName-tr, .page-feeName-tr, .direct-route-tr, .noDirect-route-tr, .online-fee-tr, .offline-fee-tr {
    display: none;
}

.sperator {
    margin-bottom: 20px;
    border: 1px dashed #ddd;
}

.customer-table {
    margin-bottom: 30px;
    border-bottom: 1px #ddd dashed;
}

.fee-table {
    width: 100%;
}

.fee-table td {
    height: 30px;
}

.fee-table-template,
.fee-tr-template {
    display: none;
}

.label-feeName {
    width: 15%;
    text-align: right;
}

.label-startCount, .label-startUnitPrice, .label-capPrice, .label-startingPrice {
    width: 6%;
}

.label-startUnit, .label-countingBy, .label-cap, .label-startingCountingBy, .label-starting {
    width: 4%;
}

.label-totalUnit {
    width: 3%;
}

.label-descript {
    width: 6%;
}

.label-capPrice {
    text-align: center;
}

.span-number {
    margin-left: 20px;
}